var bat=document.getElementById('bat'),//球拍
	ball=document.getElementById('ball'),//球
	sid=null,//计时器
	blocks=[],
	wrapleft=box.getBoundingClientRect().left | 0,//最外层局左侧距离
	ballspeed=2;//球移动速度
//球拍移动
document.addEventListener('resize',function(){
	wrapleft=subs(window.getComputedStyle(main).left);
})
function batmove(eve){
	var th_left=eve.pageX-Bat.width/2-wrapleft;
	if(th_left>0 && th_left<360-Bat.width){
		Bat.left=th_left;
		Bat.div.style.left=th_left+'px';
	}else if(th_left<=Bat.width/2){
		Bat.left=0;
		Bat.div.style.left=0+'px';
	}else if(th_left>360-Bat.width/2){
		Bat.left=360-Bat.width;
		Bat.div.style.left=360-Bat.width+'px';
	}
}
document.addEventListener('mousemove',batmove);

main();
function main(){
	createblock();
	sid=setInterval(function(){
		Ball.move();
		isover();
		blocks.forEach(function(item){
			item.checkhit(Ball);
		})
	},16)
}
function createblock(){
	var index=0;
	for(var i=0;i<=5;i++){
		for(j=0;j<=5;j++){
			index++;
			var left=j*60;
			var top=i*20;
			var blo=new Block(left,top,colors[i],index);
			blocks.push(blo);
		}
		
	}
	blocks.forEach(function(item){
			item.create();
		})
}
function isover(){
	if(!blocks.length){
		end();
		return;
	}
	if(Ball.top==Bat.top-Ball.radio*2+3){
		if(Ball.left>Bat.left-Ball.radio*2 && Ball.left<Bat.left+Bat.width+Ball.radio*2){
			Ball.ya*=-1;
			Ball.div.style.top=Bat.top-Ball.radio*2+3+'px';
			Bat.div.style.width=Bat.width+rand(-20,20)+'px';
		}
	}else{
		if(Ball.top>Bat.top){
			//游戏结束
			end();
		}
	}
}
function end(){
	alert('Game Over!')
	clearInterval(sid);
	document.removeEventListener('mousemove',batmove);
}
